<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<!--归还记录模块（归还记录列表）-->
<div th:fragment="m_returnList" >
    <div class="panel panel-default" id="allReturnList">
        <div class="panel-heading">归还记录</div>
        <div class="panel-body">
            <!--顶部搜索框-->
            <div class="row">
                <div class="col-sm-4">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="输入物品名" v-model="searchBorrow">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button" >搜索</button>
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <!--归还物品列表-->
        <table class="table table-hover table-condensed">
            <thead>
            <tr>
                <th>姓名</th>
                <th>借入物品</th>
                <th>数量</th>
                <th>单价</th>
                <th>总共金额</th>
                <th>借入时间</th>
                <th>状态</th>
                <!--<th v-if="userdata.user_authority>=7">操作</th>-->
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>{{ e }}</td>
                <td>{{  }}</td>
                <td>{{  }}</td>
                <td>￥{{  }}</td>
                <td>￥{{  }}</td>
                <td>{{  }}</td>
                <td>{{  }}</td>
                <!--<td>
                    <button type="button" class="btn btn-danger btn-sm"  v-if="userdata.user_authority>=7 && apply.apply_pass!=0" data-toggle="modal" data-target="#deleteApplyModal" @click="addApplyTemp(apply)">删除</button>
                    <button type="button" class="btn btn-default btn-sm"  v-else-if="userdata.user_authority>=7" data-toggle="modal" data-target="#" disabled="disabled">删除</button>
                </td>-->
            </tbody>
        </table>
        <!--分页导航栏-->
        <nav aria-label="Page navigation" style="text-align: center">
            <ul class="pagination">
                <li :class="{ 'disabled': pagination.pageNum==1 }">
                    <a href="#" aria-label="Previous" @click="jumpPage('pre')" >
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </li>
                <li v-for="i in pagination.navigatepageNums" :class="{ 'active': pagination.pageNum==i }"><a href="#" @click="jumpByNumber(i)">{{ i }}</a></li>
                <li :class="{ 'disabled': pagination.pageNum==pagination.pages }">
                    <a href="#" aria-label="Next" @click="jumpPage('next')">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
            </ul>
        </nav>
    </div>
</div>

</html>